<template>
	<view class="apptitles">
		<view class="titlesleft">
			<image src="@/static/index/san.png" mode=""></image>
			<block v-for="(item,index) in title" :key="index">
				<text>{{item}}</text>
				<view class="line"></view>
			</block>
			

		</view>
	    <image class="rightmore" src="@/static/index/more.png" mode="" @click="golist"></image>
	</view>
</template>

<script setup>
		// 类型(0：文化，1：新闻，2：公告，3：企业，4：成就，5：作品，6：常见问题)；
	const props = defineProps({
		type: [String,Number],
		title: String
	});
	
	function golist(){
		if(props.type==9){
			uni.navigateTo({
				url: "/pages/index/userList"
			})
		}else{
			uni.navigateTo({
				url:"/pages/index/list?type="+props.type
			})
		}
	
	}
	
	
</script>

<style lang="scss" scoped>
	.apptitles {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 30rpx;
		margin-bottom: 24rpx;
		margin-top: 34rpx;
		.titlesleft {
			display: flex;
			align-items: center;
			image {
				width: 60rpx;
				height: 40rpx;
			}
			text {
				font-family: 'alRegular';
				margin-left: 12rpx;
				font-weight: bold;
			}
			.line {
				width: 2rpx;
				margin-left: 12rpx;
				height: 22rpx;
				background: #E2D1B7;
			}
			.line:last-child{
				display: none;
			}
		}
		.rightmore {
			width: 46rpx;
			height: 32rpx;
		}
	}
	
</style>